<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="stylesheet" href="reset.css" />
    <link rel="stylesheet" href="base.css" />
    <link rel="stylesheet" href="list.css" />
</head>

<body>
    <!-- /* --------------------头部--------------------- */ -->
    <header>
        <nav class="top-nav">
            <img src="./image/logo.png" />
            <div class="search">
                <i class="icon-location"></i>
                <span>广州</span>
                <div class="searchbox">
                    <input type="text" placeholder="搜索培训机构或课程" />
                </div>
                <button>搜索</button>
            </div>
            <div class="user">
                <a href="#">足迹</a>
                <a href="#">消息</a>
                <a href="#">收藏</a>
                <a href="#"><img src="./image/user.png" /></a>
            </div>
        </nav>
        <!-- 菜单 -->
        <ul class="menu">
            <li><a href="./首页.html">首页</a></li>
            <li><a href="">找学校</a></li>
            <li><a href="">问答社区</a></li>
            <li><a href="">资讯文章</a></li>
            <li><a href="">趣学专题</a></li>
        </ul>
    </header>
    <!-- /* --------------------导航--------------------- */ -->
    <div class="daohan"><a href="#">首页 > 找学校 </a><a href="#">>广州好校</a></div>
    <div class="bigliebiao">
        <div class="liebiaox">
            <div class="ooo"><span>区域：</span> </div>
            <div class="lb">
                <a class="yidong" href="#">天河区</a>
                <a href="#">越秀区</a>
                <a href="#">荔湾区</a>
                <a href="#">海珠区</a>
                <a href="#">番禺区</a>
                <a href="#">白云区</a>
                <a href="#">黄浦区</a>
                <a href="#">增城区</a>
                <a href="#">花都区</a>
                <a href="#">南沙区</a>
            </div>
        </div>
        <div class="liebiaox">
            <div class="ooo"><span>年龄阶段：</span></div>
            <div class="lb">
                <a href="#">学龄前（2-3岁）</a>
                <a href="#">幼儿园（4-5岁）</a>
                <a class="yidong" href="#">小学（6-12岁）</a>
                <a href="#">初中（13-15岁）</a>
                <a href="#">高中（16-18岁）</a>
            </div>
        </div>
        <div class="liebiaox">
            <div class="ooo"><span>才艺培训：</span></div>
            <div class="lb">
                <a class="yidong" href="#">音乐</a>
                <a href="#">美术</a>
                <a href="#">书法</a>
                <a href="#">国学</a>
                <a href="#">少儿舞蹈</a>
                <a href="#">围棋象棋</a>
                <a href="#">其他才艺</a>
            </div>
        </div>
        <div class="liebiaox">
            <div class="ooo"><span>运动培训：</span></div>
            <div class="lb">
                <a href="#">球类</a>
                <a href="#">武术拳类</a>
                <a href="#">游泳</a>
                <a href="#">滑轮滑板</a>
                <a href="#">其他运动培训</a>
            </div>
        </div>
        <div class="liebiaox">
            <div class="ooo"><span>语言培训：</span></div>
            <div class="lb">
                <a href="#">英语</a>
                <a href="#">日语</a>
                <a href="#">西班牙语</a>
                <a href="#">其他语言培训</a>
            </div>
        </div>
        <div class="liebiaox">
            <div class="ooo"><span>升学辅导：</span></div>
            <div class="lb">
                <a href="#">小学辅导</a>
                <a href="#">中学辅导</a>
                <a href="#">高中辅导</a>
                <a href="#">艺考辅导</a>
            </div>
        </div>
        <div class="liebiaox">
            <div class="ooo"><span>STEM培训：</span></div>
            <div class="lb">
                <a class="stem" href="#">乐高积木</a>
                <a href="#">少儿编程</a>
                <a href="#">其他STEAM</a>
            </div>
        </div>
    </div>
    <!-- <div class="daohan">
        <p>首页 > 找学校 > <i>广州好校</i></p>
        <table class="table">
            <tr>
                <td>区域:</td>
                <td class="blue">天河区</td>
                <td>越秀</td>
                <td>荔湾区</td>
                <td>海珠区</td>
                <td>番禹区</td>
                <td>白云区</td>
                <td>黄浦区</td>
                <td>增城区</td>
                <td>花都区</td>
                <td>南沙区</td>
            </tr>
            <tr>
                <td>年龄阶段:</td>
                <td>学龄前(2-3岁)</td>
                <td>幼儿园(4-5岁)</td>
                <td class="blue">小学(6-12岁)</td>
                <td>初中(13-15岁)</td>
                <td>高中(16-18岁)</td>
            </tr>
            <tr>
                <td>才艺培训:</td>
                <td class="blue">音乐</td>
                <td>美术</td>
                <td>书法</td>
                <td>国学</td>
                <td>少儿舞蹈</td>
                <td>围棋象棋</td>
                <td>其他才艺</td>
            </tr>
            <tr>
                <td>运动培训:</td>
                <td>球类</td>
                <td>武术拳类</td>
                <td>游泳</td>
                <td>滑轮滑板</td>
                <td>其他运动培训</td>
            </tr>
            <tr>
                <td>语言培训:</td>
                <td>英语</td>
                <td>日语</td>
                <td>西班牙语</td>
                <td>其他语言</td>
            </tr>
            <tr>
                <td>升学辅导:</td>
                <td>小学辅导</td>
                <td>中学辅导</td>
                <td>高中辅导</td>
                <td>艺考</td>
            </tr>
            <tr>
                <td>STEM培训:</td>
                <td>乐高积木</td>
                <td>少儿编程</td>
                <td>其他STEM</td>
            </tr>
        </table>
    </div> -->
    <!-- /* ------------------课程排行------------------- */ -->
    <div class="runbox">
        <div class="Ranking-class">
            <div class="R-a">
                <a href="">综合排序</a>
                <a href="">人气最高</a>
                <a href="">培训最高</a>
            </div>
            <div class="Ranking">
                <div class="R1">
                    <img src="./image/艾佛瑞钢琴学校.gif" alt="">
                    <ul>
                        <li><a href="./内容页.html">艾佛瑞钢琴学校</a> </li>
                        <li><img src="./image/星星.png" alt="">5.0分</li>
                        <li>共1326条评论></li>
                        <li>主打课程:<i> 钢琴</i> / <i>古筝</i> / <i>吉他</i></li>
                        <li>广州市珠江新城高德置地东广场三楼338铺</li>
                    </ul>
                    <i class="sc">收藏</i>
                </div>
            </div>
            <div class="Ranking">
                <div class="R1">
                    <img src="./image/童程董美教育.gif" alt="">
                    <ul>
                        <li>童程董美教育</li>
                        <li><img src="./image/星星.png" alt="">5.0分</li>
                        <li>共1696条评论></li>
                        <li>主打课程:<i> 少儿编程</i></li>
                        <li>广州市天河区东路168号石碑酒店</li>
                    </ul>
                    <i class="sc-pt">收藏</i>
                </div>
            </div>
            <div class="Ranking">
                <div class="R1">
                    <img src="./image/新世界日语.gif" alt="">
                    <ul>
                        <li>新世界日语</li>
                        <li><img src="./image/星星.png" alt="">4.9分</li>
                        <li>共6644条评论></li>
                        <li>主打课程:<i> 日语</i> / <i>英语</i></li>
                        <li>广州市越秀区中山五路大马路站商业中心19楼</li>
                    </ul>
                    <i class="sc-pt">收藏</i>
                </div>
            </div>
            <div class="Ranking">
                <div class="R1">
                    <img src="./image/丽态丽态.gif" alt="">
                    <ul>
                        <li>丽态丽姿·形态仪态礼仪</li>
                        <li><img src="./image/星星.png" alt="">4.7分</li>
                        <li>共696条评论></li>
                        <li>主打课程:<i> 体态</i> / <i>礼仪口才</i></li>
                        <li>广州市天河区华强路3号富力盈力大厦南塔617室</li>
                    </ul>
                    <i class="sc-pt">收藏</i>
                </div>
            </div>
            <div class="Ranking">
                <div class="R1">
                    <img src="./image/ET英孚教育少儿英语.gif" alt="">
                    <ul>
                        <li>ET英孚教育少儿英语</li>
                        <li><img src="./image/星星.png" alt="">5.0分</li>
                        <li>共8695条评论></li>
                        <li>主打课程:<i> 英语</i></li>
                        <li>广州市海珠区赤岗北路118号四季天地1层</li>
                    </ul>
                    <i class="sc-pt">收藏</i>
                </div>
            </div>
            <div class="Ranking">
                <div class="R1">
                    <img src="./image/艺尚少儿模特·语言艺术.gif" alt="">
                    <ul>
                        <li>艺尚少儿模特·语言艺术·街舞</li>
                        <li><img src="./image/星星.png" alt="">5.0分</li>
                        <li>共1396条评论></li>
                        <li>主打课程:<i> 少儿模特</i> / <i>语言艺术</i> / <i>街舞</i></li>
                        <li>广州市天河区东路168号石碑酒店</li>
                    </ul>
                    <i class="sc-pt">收藏</i>
                </div>
            </div>
            <div class="yema">
                <i>&lt;</i>
                <i>1</i>
                <i>2</i>
                <i>3</i>
                <i>4</i>
                &nbsp;&nbsp;&nbsp;
                <span>...</span>
                <i>50</i>
                <i>&gt;</i>
            </div>
        </div>
        <div class="Rank-right">
            <i>当月口碑排行榜</i>
            <div class="R_1">
                <img src="./image/柿子音乐工作室.gif" alt="">
                <div class="R-nr">
                    <p>柿子音乐工作室</p>
                    <br>
                    <p><img src="./image/星星.png" alt="">5.0分</p>
                    <br>
                    <p>广州市天河区体育西路...</p>
                </div>
            </div>
            <div class="R_1">
                <img src="./image/思美教育.gif" alt="">
                <div class="R-nr">
                    <p>童程董美教育</p>
                    <br>
                    <p><img src="./image/星星.png" alt="">5.0分</p>
                    <br>
                    <p>广州市天河区东路168...</p>
                </div>
            </div>
            <div class="R_1">
                <img src="./image/艾弗瑞.gif" alt="">
                <div class="R-nr">
                    <p>艾弗瑞钢琴学校</p>
                    <br>
                    <p><img src="./image/星星.png" alt="">5.0分</p>
                    <br>
                    <p>广州市珠江新城高德置...</p>
                </div>
            </div>
            <ul class="R1_ph">
                <li>培贝乐成长中心 </li>
                <li>UFO飞船舞蹈室</li>
                <li>糖果音乐教育中心</li>
                <li>ASFA亚体儿童...</li>
                <li>碧海湾少儿运动中...</li>
                <li>夏日时光画社</li>
                <li>宫羽五方少儿艺术</li>
                <li>美时光生活美学</li>
            </ul>
            <ul class="R_R">
                <li>
                    <div class="r-pf">
                        <a href="">1356条评论</a><a href="">4.9分</a>
                    </div>
                </li>
                <li>
                    <div class="r-pf">
                        <a href="">6545条评论</a><a href="">4.7分</a>
                    </div>
                </li>
                <li>
                    <div class="r-pf">
                        <a href="">3622条评论</a><a href="">4.3分</a>
                    </div>
                </li>
                <li>
                    <div class="r-pf">
                        <a href="">1000条评论</a><a href="">5.0分</a>
                    </div>
                </li>
                <li>
                    <div class="r-pf">
                        <a href="">985条评论</a><a href="">4.2分</a>
                    </div>
                </li>
                <li>
                    <div class="r-pf">
                        <a href="">862条评论</a><a href="">4.7分</a>
                    </div>
                </li>
                <li>
                    <div class="r-pf">
                        <a href="">1369条评论</a><a href="">5.0分</a>
                    </div>
                </li>
                <li>
                    <div class="r-pf">
                        <a href="">1995条评论</a><a href="">4.9分</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- /* ---------------------底部-------------------- */ -->
    <footer>
        <div class="foot-nav">
            <a href="">联系我们</a>
            <a href="">法律说明</a>
            <a href="">隐私政策</a>
            <a href="">用户协议</a>
            <a href="">加入我们</a>
            <div class="wx">
                <img class="xltb" src="./image/新浪.png" alt=""><i>官方微博</i>
                <img class="wxtb" src="./image/微信.png" alt=""><i>微信公众号</i>
            </div>
        </div>
        <div class="fgx"></div>
        <div class="db">
            <span>客服热线：400 8564 100 周一至周日 9:00-12:00 | 在线客服：取笑我 - 我 - 在线客服 |
                违法和不良信息举报电话：400 6573 100│举报邮籍:guykd@uoe.com │ 网上有害信息举报│教4P~1101517号
            </span>
            <p>粤CP备15038397号 │ 粤公网安备11010502035430号│ 粤32-2017088. │ 广东趣学教育有限公司
                │广州市天河区广图路大街1号院5号权2单元28层32801至38209室 │ 营业执照 │ 出版物进
            </p>
        </div>
    </footer>
</body>

</html>